<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <link rel="stylesheet" href="styles/style.css" type="text/css" />
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  <script type="text/javascript">
  var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(43.534612,5.438232);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress() {
    var address = document.getElementById("address").value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map, 
            position: results[0].geometry.location
        });
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }
  </script>
  
  <title>Biblio CD</title>
</head>
 
<body onload="initialize()">
<div id="page" align="center">
		<div id="toppage" align="center">
			<div id="date">
				<div class="smalltext" style="padding: 13px;">
					<strong>23 janvier 2012</strong>
				</div>
			</div>
			<div id="topbar">
				<div align="right" style="padding: 12px;" class="smallwhitetext">
					<a href="accueil.html">Accueil</a> | | <a href="#">Nous
						Contacter</a>
				</div>
			</div>
		</div>
		<div id="header" align="center">
			<div class="titletext" id="logo">
				<div class="logotext" style="margin: 30px">
					Biblio<span class="orangelogotext">C</span>D
				</div>
			</div>
			<div id="pagetitle">
				<div id="title" class="titletext" align="right">Bienvenue sur
					Biblio CD</div>
			</div>
		</div>
		<!-- Contenue -->
		<div id="content" align="center">
			<div id="menu" align="right">
				<div align="right" style="width: 189px; height: 8px;">
					<img src="images/mnu_topshadow.gif" width="189" height="8"
						alt="mnutopshadow" />
				</div>
				<div id="linksmenu" align="center">
					<a href="accueil.html" title="Home">Accueil</a> <a
						href="index.html" title="Products">d�connexion</a> <a
						href="calculatrice.html" title="Products">calculatrice</a>

				</div>
				<div align="right" style="width: 189px; height: 8px;">
					<img src="images/mnu_bottomshadow.gif" width="189" height="8"
						alt="mnubottomshadow" />
				</div>
			</div>
			<div id="contenttext">
  <div>
    <input id="address" type="textbox" value="Paris">

    <input type="button" value="Rechercher" onclick="codeAddress()">
  </div>
<div id="map_canvas" ></div>


			</div>
		</div>
		<!-- -->

		<div id="footer" class="smallgraytext" align="center">
			<br /> BiblioCD &copy; 2012<br />

		</div>
	</div>
</body>
 
</html>